
.loader {
  position: relative;
  height: 50px;
  width: 50%;
  left: 45.5%
}

.loader .bullet {
    position: absolute;
    padding: 5px;
    @include border-radius($round);
    background: $button-green;
    animation: postloader 1s ease-in-out 0s infinite backwards;
}
.loader .bullet:nth-child(1) {
    animation-delay: 0.0s;
}
.loader .bullet:nth-child(2) {
    animation-delay: 0.15s;
}
.loader .bullet:nth-child(3) {
    animation-delay: 0.3s;
}
.loader .bullet:nth-child(4) {
    animation-delay: 0.45s;
}

@keyframes postloader {
    0% {
        transform: translateX(-100px);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translateX(100px);
        opacity: 0;
    }
}
